
<table id="dg" class="easyui-datagrid"
	data-options="rownumbers:true,fit:true,fitColumns:true,singleSelect:true,pagination:true,url:'../datagrid/datagrid_data1.json'">
	<thead>
		<tr>
			<th data-options="field:'itemid',width:80">Item ID</th>
			<th data-options="field:'productid',width:100">Product</th>
			<th data-options="field:'listprice',width:80,align:'right'">List
				Price</th>
			<th data-options="field:'unitcost',width:80,align:'right'">Unit
				Cost</th>
			<th data-options="field:'attr1',width:240">Attribute</th>
			<th data-options="field:'status',width:60,align:'center'">Status</th>
		</tr>
	</thead>
</table>

<script type="text/javascript">
					$(function() {

						var pager = $('#dg').datagrid('getPager');
						// get the pager of datagrid
						pager.pagination({
							buttons : [{
								iconCls : 'icon-search',
								handler : function() {
									alert('search');
								}
							}, {
								iconCls : 'icon-add',
								handler : function() {
									alert('add');
								}
							}, {
								iconCls : 'icon-edit',
								handler : function() {
									alert('edit');
								}
							}]
						});

					});

				</script>